﻿<!doctype html>
<html lang="zxx">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>汇青志-主页</title>
		<meta name="Bensiva" content="Bensiva">
		<!-- description -->
		<meta name="description" content="">
		<!-- keywords -->
		<meta name="keywords" content="">
		<!-- Flaticon CSS -->
		<link rel="stylesheet" href="static/css/flaticon.css" />
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="static/css/bootstrap.min.css" />
		<!-- Owl Carousel stylesheet -->
		<link rel="stylesheet" href="static/css/owl.carousel.min.css" />
		<link rel="stylesheet" href="static/css/owl.theme.default.min.css" />
		<!-- Lightbox CSS -->
		<link rel="stylesheet" href="static/css/lightbox.css" />
		<!-- lity CSS -->
		<link rel="stylesheet" href="static/css/lity.min.css" />
		<!-- Header CSS -->
		<link rel="stylesheet" href="static/css/menu.css">
		<!-- Default CSS -->
		<link rel="stylesheet" href="static/css/default.css" />
		<!-- Skin CSS -->
		<link rel="stylesheet" href="static/css/skin/skin-1.css" />
		<!-- Style CSS -->
		<link rel="stylesheet" href="static/css/style.css" />
		<!-- Responsive CSS -->
		<link rel="stylesheet" href="static/css/responsive.css" />
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="static/js2/html5shiv.min.js"></script>
      <script src="static/js2/respond.min.js"></script>
      <![endif]-->
		<!-- jquery js-->
		<script src="static/js2/jquery.min.js"></script>
	</head>

	<body>
		<!-- ====== Preloader ====== -->
		<div class="preloader js-preloader flex-center"></div>
		<div class="wraper">
			<!-- ====== Header Starts ====== -->
			<header class="header">
				<div class="container-fluid">
					<div class="col-lg-12">
						<nav class="navbar navbar-expand-lg">
							<!-- Brand -->
							<div class="nav-brand" style="text-align: center;width: 165px;height: 80px;">
								<a class="navbar-brand" href="index.html" title="bensiva" style="text-align: center;width: 165px;height: 80px;">
									<img src="static/img/index/42e38991472668708b371d638200a91.png" style="float: left;width: 60px;height: 60px;">
									<span style="float: left;">汇青志</span>
									<!--<br>-->
									<span style="font-size:15px;float: left;">HuiQingZhi</span>
								</a>
							</div>
							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                     <span class="navbar-toggler-icon"></span>
                     <span class="navbar-toggler-icon"></span>
                     </button>
							<!-- Links -->
							<div class="main-menu collapse navbar-collapse" id="nav-content">
								<ul class="navbar-nav">
									<li class="nav-item">
										<a class="nav-link" href="index.html" title="Index">主页</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="#" title="Project">青志项目</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="#" title="Story">青志故事</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="about.html" title="About Us">关于青志</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="login.html" title="Contact">登录</a>
									</li>
								</ul>
							</div>
						</nav>
					</div>
				</div>
			</header>
			<!-- ====== Header End ====== -->
			<!-- ====== Slider Start ====== -->

			<div class="slider style-1">
				<div class="owl-main owl-carousel owl-theme">
					<div class="item">
						<img src="static/img/index/lbt1.jpg" alt="First slide">
						<div class="caption">
							<div class="display">汇青志<br>HuiQingZhi</div>
							<div class="content">我们是一支有爱心、有活力、有热血，为社会传递正能量的青少年志愿服务队，致力于为失独家庭、社区长者、社区儿童提供专业的志愿服务。</div>
							<a href="#" class="btn on-dark btn-primary" title="View More">更多</a>
							<a href="#" class="btn btn-defualt" title="Contact Us">联系我们</a>
						</div>
					</div>
					<div class="item">
						<img src="static/img/index/lbt2.jpg" alt="Second slide">
						<div class="caption">
							<div class="display">【逐梦时光机 · 第10期】 圆一场从未有过的大学梦</div>
							<div class="content">起步桑榆意未休，兰心竹节尚追求。时光回到当下时刻，眼前的你，依旧是那个拥有梦想、热爱生活的你，不论年龄。谢谢你们的付出，大学生们！谢谢你们的投入，“大学生们”！愿往后的日子里事事顺心、天天快乐。</div>
							<a href="#" class="btn on-dark btn-primary" title="View More">更多</a>
							<a href="#" class="btn btn-defualt" title="Contact Us">联系我们</a>
						</div>
					</div>
					<div class="item">
						<img src="static/img/index/lbt3.jpg" alt="Third slide">
						<div class="caption">
							<div class="display">【逐梦时光机 · 第2期】 “田埂上雏鹰，飞向城市的梦”</div>
							<div class="content">在从化新围村里，有一群可爱活泼的孩子，他们同样有着自己的梦想，就是希望去广州这座繁华的大都市进行参观和学习。</div>
							<a href="#" class="btn on-dark btn-primary" title="View More">更多</a>
							<a href="#" class="btn btn-defualt" title="Contact Us">联系我们</a>
						</div>
					</div>
				</div>
			</div>

			<!-- ====== Slider End ====== -->

			<!-- ====== Qualities Start ====== -->
			<section class="qualities">
				<div class="container-fluid">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
						<div class="row">
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
								<div class="column box-shadow">
									<div class="icon"><i class="flat flaticon-reward"></i></div>
									<h5>我们有专业的团队</h5>
									<p> 汇青志志愿服务队，简称汇青志，是一支在社工导师的支持下，由学生自主管理，自主组织的青少年志愿服务队。</p>
								</div>
							</div>
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
								<div class="column box-shadow">
									<div class="icon"><i class="flat flaticon-enterprise"></i></div>
									<h5>我们的地址</h5>
									<p>广东省广州市海珠区礼岗路中南活力创意园A座青云客（昌岗地铁站F出口）</p>
								</div>
							</div>
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
								<div class="column box-shadow">
									<div class="icon"><i class="flat flaticon-certificate"></i></div>
									<h5>所获得的成就</h5>
									<p>成功获得恒福杯创投项目“垃圾减排，让社区环境更加美好”的环保宣传项目</p>
								</div>
							</div>
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
								<div class="column box-shadow">
									<div class="icon"><i class="flat flaticon-working-team"></i></div>
									<h5>我们的服务范围</h5>
									<p>汇青志现有常规志愿服务项目：晓港驿站服务（儿童安全教育）、工疗站服务、义工生命故事、逐梦系列等</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- ====== Qualities End ====== -->
			<!-- ====== About Us Start ====== -->
			<section class="about-us ptb-120" style="margin-bottom: 50px;">
				<div class="container-fluid">
					<div class="col-lg-12 col-md-12 col-xs-12">
						<div class="row">
							<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 animated bounceIn wow">
								<div class="img-sec">
									<img src="static/img/index/logos.jpg" alt="About Us"> </div>
							</div>
							<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
								<div class="content-sec">
									<div class="heading">
										<h2><span>汇青志</span>活动报名</h2>
									</div>
									<p>我们是一支有爱心、有活力、有热血，为社会传递正能量的青少年志愿服务队，致力于为失独家庭、社区长者、社区儿童提供专业的志愿服务。其实志愿服务并不单止只服务别人，我们希望更多的能够使志愿者自身也得到收获，这个收获不单指志愿时，而是能够从志愿服务中发现自己方向、学习技能、发挥价值。如果你想帮助别人外想学习更多就加入我们吧！</p>
									<div class="buttons">
										<a href="javascript:void(0)" class="btn btn-primary mlr-5">进入</a>
									</div>
									<div class="counter-sec">
										<div class="row">
											<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
												<div class="counter-column">
													<div class="count_icon"> <i class="flat flaticon-happiness"></i> </div>
													<div class="counter_content">
														<div class="counter">20</div>
														<div class="title">我们目前的人数</div>
													</div>
												</div>
											</div>
											<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
												<div class="counter-column">
													<div class="count_icon"> <i class="flat flaticon-coffee-cup"></i> </div>
													<div class="counter_content">
														<div class="counter">10</div>
														<div class="title">发布的活动数目</div>
													</div>
												</div>
											</div>
											<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
												<div class="counter-column">
													<div class="count_icon"> <i class="flat flaticon-like"></i> </div>
													<div class="counter_content">
														<div class="counter">37</div>
														<div class="title">完成的活动数目</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- ====== About Us End ====== -->
			<!-- ====== Video Start ====== -->
			<section class="video">
				<div class="container-fluid">
					<div class="col-lg-12">
						<h3 class="d-none">Video</h3>
						<div class="row">
							<div class="play-sec">
								<a href="" data-lity>
									<img src="static/img/play-icon.png" alt="Play" />
									<div class="rays"></div>
								</a>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- ====== VIdeo End ====== -->
			<!-- ====== Services Start ====== -->
			<section class="services">
				<div class="container-fluid">
					<div class="col-lg-12 col-md-12 col-xs-12">
						<div class="row">
							<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12">
								<div class="heading">
									<h2><span>我们的</span>推荐项目</h2>
								</div>
							</div>
							<div class="col-lg-9 col-md-8 col-sm-12 col-xs-12">
								<div class="service-slider owl-carousel owl-theme">
									<div class="item box-shadow">
										<div class="service_icon"><i class="flat flaticon-like"></i></div>
										<div class="service_detail">
											<h5><a href="" title="Web Development" >【逐梦时光机 · 第一期】我们是逐梦者的先驱</a></h5>
											<p>假如你有一部时光机，你会回到过去，做哪些事情？逐梦时光机帮助社区长者圆梦，帮助长者在年轻时没完成的事情</p>
										</div>
									</div>
									<div class="item box-shadow">
										<div class="service_icon"><i class="flat flaticon-like"></i> </div>
										<div class="service_detail">
											<h5><a href="" title="Web Designing" >【逐梦时光机 · 第二期】寻找那些年的儿时的年味</a></h5>
											<p>假如你有一部时光机，你会回到过去，做哪些事情？逐梦时光机帮助社区长者圆梦，帮助长者在年轻时没完成的事情</p>
										</div>
									</div>
									<div class="item box-shadow">
										<div class="service_icon"><i class="flat flaticon-like"></i> </div>
										<div class="service_detail">
											<h5><a href="" title="Web Hosting" >穷学生大事件丨遇见</a></h5>
											<p>一连五期的【穷学生大事件】将展现广大学生最真挚的一面。他们需要了解社会最低层的弱势群体，包括他们的生活，他们所面临的问题等。</p>
										</div>
									</div>
									<div class="item box-shadow">
										<div class="service_icon"><i class="flat flaticon-like"></i> </div>
										<div class="service_detail">
											<h5><a href="" title="Digital Marketing" >轻工青协特训系列 | 穷学生大作战 </a></h5>
											<p>一连五期的【穷学生大事件】将展现广大学生最真挚的一面。他们需要了解社会最低层的弱势群体，包括他们的生活，他们所面临的问题等。</p>
										</div>
									</div>
									<div class="item box-shadow">
										<div class="service_icon"><i class="flat flaticon-like"></i> </div>
										<div class="service_detail">
											<h5><a href="" title="Web Hosting" >【驿站服务】“母亲节”主题活动</a></h5>
											<p>“母亲节”即将来临,小朋友已经开始准备一份神秘礼物给妈.以此来感谢对母亲的养育之恩和对母亲的爱。</p>
										</div>
									</div>
									<div class="item box-shadow">
										<div class="service_icon"><i class="flat flaticon-like"></i> </div>
										<div class="service_detail">
											<h5><a href="" title="Digital Marketing" >【工疗站服务】工疗站的花花世界</a></h5>
											<p>为了发扬雷锋精神，一起来到江南中街工疗站，与老友记一起唱歌表演、折纸互动</p>
										</div>
									</div>
									<div class="item box-shadow">
										<div class="service_icon"><i class="flat flaticon-like"></i> </div>
										<div class="service_detail">
											<h5><a href="" title="Web Designing" >【绿色十公里】我们的山林，由我们来爱护</a></h5>
											<p>爱护环境，人人有责；勤俭节约，从我做起。</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="circle strong-border c-1"></div>
				<div class="circle border c-1 rotating"></div>
			</section>
			<!-- ====== Services End ====== -->
			<!-- ====== Team Start ====== -->
			<section class="our_team">
				<div class="container-fluid">
					<div class="col-lg-12 col-md-12">
						<div class="row flex-row-reverse">
							<div class="heading heading-center on-dark">
								<h2>总项目<span>Total project</span></h2>
							</div>
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 content-sec">
								<div class="row">
									<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 wow animated fadeInUp">
										<div class="team-card box-shadow">
											<div class="pic-sec"><img src="static/img/index/zxm1.jpg" alt="Member's pic"></div>
											<div class="member-detail">
												<h5>逐梦时光机项目</h5>
												<h6>“假如你拥有一部时光机，你会回到过去，完成哪些事？”</h6>
											</div>
											<div class="description">
												<p>“假如你拥有一部时光机，你会回到过去，完成哪些事？”一代盟友人，坚守住“逐梦时光机”的理念，在过去的一年，完成了6期的圆梦活动，据不完全统计，共服务230人次，而大多数的活动参与者都是来自于广州从化新围村的长者。</p>
											</div>
											<div class="social-links">
												<ul>
													<li>
														<a title="Facebook" href="javascript:void(0)"><i class="flat flaticon-facebook-logo"></i></a>
													</li>
													<li>
														<a title="Twitter" href="javascript:void(0)"><i class="flat flaticon-twitter"></i></a>
													</li>
													<li>
														<a title="Google+" href="javascript:void(0)"><i class="flat flaticon-google-plus-logo"></i></a>
													</li>
													<li>
														<a title="Linkedin" href="javascript:void(0)"><i class="flat flaticon-linkedin-logo"></i></a>
													</li>
													<li>
														<a title="Instagram" href="javascript:void(0)"><i class="flat flaticon-instagram"></i></a>
													</li>
												</ul>
												<div class="clearfix"></div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 wow animated fadeInUp">
										<div class="team-card box-shadow">
											<div class="pic-sec"><img src="static/img/index/zxm2.jpg" alt="Member's pic"></div>
											<div class="member-detail">
												<h5>穷学生项目</h5>
												<h6>何为“穷学生”？“穷”的定义是什么？</h6>
											</div>
											<div class="description">
												<p>一连五期的【穷学生大事件】将展现广大学生最真挚的一面。他们需要了解社会最低层的弱势群体，包括他们的生活，他们所面临的问题等。</p>
											</div>
											<div class="social-links">
												<ul>
													<li>
														<a title="Facebook" href="javascript:void(0)"><i class="flat flaticon-facebook-logo"></i></a>
													</li>
													<li>
														<a title="Twitter" href="javascript:void(0)"><i class="flat flaticon-twitter"></i></a>
													</li>
													<li>
														<a title="Google+" href="javascript:void(0)"><i class="flat flaticon-google-plus-logo"></i></a>
													</li>
													<li>
														<a title="Linkedin" href="javascript:void(0)"><i class="flat flaticon-linkedin-logo"></i></a>
													</li>
													<li>
														<a title="Instagram" href="javascript:void(0)"><i class="flat flaticon-instagram"></i></a>
													</li>
												</ul>
												<div class="clearfix"></div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 wow animated fadeInUp">
										<div class="team-card box-shadow">
											<div class="pic-sec"><img src="static/img/index/zxm3.jpg" alt="Member's pic"></div>
											<div class="member-detail">
												<h5>驿站服务项目</h5>
												<h6>人最微妙的就是善良与感恩愿你能成为心灵善良的人</h6>
											</div>
											<div class="description">
												<p>驿站为志愿者提供工作和生活设施，可提供短期或长期志愿者的一切条件。在驿站工作的志愿者与当地政府、企业、大学相互配合，1653紧密协作，以项目的形式开展适合当地发展的社会服务。驿站还可为有意公益的企业界、学术界人士实地考察提供方便。</p>
											</div>
											<div class="social-links">
												<ul>
													<li>
														<a title="Facebook" href="javascript:void(0)"><i class="flat flaticon-facebook-logo"></i></a>
													</li>
													<li>
														<a title="Twitter" href="javascript:void(0)"><i class="flat flaticon-twitter"></i></a>
													</li>
													<li>
														<a title="Google+" href="javascript:void(0)"><i class="flat flaticon-google-plus-logo"></i></a>
													</li>
													<li>
														<a title="Linkedin" href="javascript:void(0)"><i class="flat flaticon-linkedin-logo"></i></a>
													</li>
													<li>
														<a title="Instagram" href="javascript:void(0)"><i class="flat flaticon-instagram"></i></a>
													</li>
												</ul>
												<div class="clearfix"></div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 wow animated fadeInUp">
										<div class="team-card box-shadow">
											<div class="pic-sec"><img src="static/img/index/zxm4.jpg" alt="Member's pic"></div>
											<div class="member-detail">
												<h5>工疗站服务项目</h5>
												<h6>发扬雷锋精神，人人有责</h6>
											</div>
											<div class="description">
												<p>通过开办系统性服务项目，使工疗站成为学员走出家庭、融入社会的重要一环。</p>
											</div>
											<div class="social-links">
												<ul>
													<li>
														<a title="Facebook" href="javascript:void(0)"><i class="flat flaticon-facebook-logo"></i></a>
													</li>
													<li>
														<a title="Twitter" href="javascript:void(0)"><i class="flat flaticon-twitter"></i></a>
													</li>
													<li>
														<a title="Google+" href="javascript:void(0)"><i class="flat flaticon-google-plus-logo"></i></a>
													</li>
													<li>
														<a title="Linkedin" href="javascript:void(0)"><i class="flat flaticon-linkedin-logo"></i></a>
													</li>
													<li>
														<a title="Instagram" href="javascript:void(0)"><i class="flat flaticon-instagram"></i></a>
													</li>
												</ul>
												<div class="clearfix"></div>
											</div>
										</div>
									</div>
								</div>
								<div class="btn-sec">
									<a href="#" class="btn btn-defualt on-dark">更多</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</section>
			<!-- ====== Team End ====== -->
			<!-- ====== Portfolio Start ====== -->
			<section class="portfolio">
				<div class="container-fluid">
					<div class="heading heading-center">
						<h2>最新项目<span>new project</span></h2>
					</div>
				</div>
				<div class="portfolio-slider owl-carousel owl-theme content-sec">
					<div class="item">
						<div class="project">
							<a href="https://www.izyz.org/mission/detail.do?missionId=3396977">
								<img src="static/img/index/bm6.jpg" alt="project" />
								<div class="project-detail">
									<h5>《心智障碍者性教育》志愿者招募</h5>
								</div>
							</a>
						</div>
					</div>
					<div class="item">
						<div class="project">
							<a href="https://www.izyz.org/mission/detail.do?missionId=3416388">
								<img src="static/img/index/bm5.jpg" alt="project" />
								<div class="project-detail">
									<h5>志愿者主题培训之网上预约挂号专题</h5>
								</div>
							</a>
						</div>
					</div>
					<div class="item">
						<div class="project">
							<a href="https://www.izyz.org/mission/detail.do?missionId=3345446">
								<img src="static/img/index/bm4.jpg" alt="project" />
								<div class="project-detail">
									<h5>2019-2020学年华南师大校红十字会学生理事会志服部志愿服务活动</h5>
								</div>
							</a>
						</div>
					</div>
					<div class="item">
						<div class="project">
							<a href="https://www.izyz.org/mission/detail.do?missionId=3357183">
								<img src="static/img/index/bm3.jpg" alt="project" />
								<div class="project-detail">
									<h5>历史青协招新开放日</h5>
								</div>
							</a>
						</div>
					</div>
					<div class="item">
						<div class="project">
							<a href="https://www.izyz.org/mission/detail.do?missionId=3129589">
								<img src="static/img/index/bm2.jpg" alt="project" />
								<div class="project-detail">
									<h5>12.1华南农业大学动科学院桌游荟志愿服务活动</h5>
								</div>
							</a>
						</div>
					</div>
					<div class="item">
						<div class="project">
							<a href="https://www.izyz.org/mission/detail.do?missionId=3419888">
								<img src="static/img/index/bm1.jpg" alt="project" />
								<div class="project-detail">
									<h5>【洪桥街】6月份越秀区疫情防控服务</h5>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="circle strong-border"></div>
			</section>
			<!-- ====== Portfolio End ====== -->
			<!-- ====== Blog Start ====== -->
			<section class="blog_post">
				<div class="container-fluid">
					<div class="col-lg-12">
						<div class="heading">
							<h2>历史项目<span>Historical items</span></h2>
						</div>
					</div>
					<div class="col-lg-12 col-md-12 col-xs-12 content-sec">
						<div class="blog-slider owl-carousel owl-theme">
							<div class="item blog_card">
								<div class="post-img">
									<img src="static/img/index/xxm1.jpg" alt="Post" />
								</div>
								<div class="post-detail box-shadow">
									<div class="posted_on"> 逐梦时光机 ·我们是逐梦者的先驱</div>
									<div class="post-title">
										<h5><a href="#"> 逐梦时光机计划承始终秉承着逐梦时光机计划的理念，就这样盟友开展第一次逐梦之旅。</a></h5>
									</div>
								</div>
							</div>
							<div class="item blog_card">
								<div class="post-img">
									<img src="static/img/index/hezhao1.jpg" alt="Post" />
								</div>
								<div class="post-detail box-shadow">
									<div class="posted_on"> 逐梦时光机 ·雏鹰飞向城市的梦</div>
									<div class="post-title">
										<h5><a href="#">逐梦时光机计划承始终秉承着逐梦时光机计划的理念，就这样盟友开展第一次逐梦之旅。</a></h5>
									</div>
								</div>
							</div>
							<div class="item blog_card">
								<div class="post-img">
									<img src="static/img/index/xxm3.jpg" alt="Post" />
								</div>
								<div class="post-detail box-shadow">
									<div class="posted_on"> 穷学生大事件丨饥饿与寒冷</div>
									<div class="post-title">
										<h5><a href="#">什么是低保？低保就是吃不饱、穿不暖甚至一天没有办法吃到三餐天热的时候没有空调天冷的时候没有被褥裤袜穿破了也只能拿针线补</a></h5>
									</div>
								</div>
							</div>
							<div class="item blog_card">
								<div class="post-img">
									<img src="static/img/index/xxm4.jpg" alt="Post" />
								</div>
								<div class="post-detail box-shadow">
									<div class="posted_on"> 穷学生大事件丨温饱与尊严</div>
									<div class="post-title">
										<h5><a href="#">拾荒者大多无依无靠唯有靠在街上捡拾可回收的东西来维持生活他们同样靠自己的双手坚强的生活着</a></h5>
									</div>
								</div>
							</div>
							<div class="item blog_card">
								<div class="post-img">
									<img src="static/img/index/xxm5.jpg" alt="Post" />
								</div>
								<div class="post-detail box-shadow">
									<div class="posted_on"> 【绿色十公里】我们的山林，由我们来爱护</div>
									<div class="post-title">
										<h5><a href="#">一天的实践活动中，同学们不仅收获了坚持、环保理念，还收获了友谊.....</a></h5>
									</div>
								</div>
							</div>
							<div class="item blog_card">
								<div class="post-img">
									<img src="static/img/index/xxm6.jpg" alt="Post" />
								</div>
								<div class="post-detail box-shadow">
									<div class="posted_on"> 工疗站的花花世界</div>
									<div class="post-title">
										<h5><a href="#">为了发扬雷锋精神在3月16日的这一天我们与国旅的同学仔一起来到江南中街工疗站与老友记一起唱歌表演、折纸互动</a></h5>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</section>
			<!-- ====== Blog End ====== -->
			<!-- ====== Testimonials Start ====== -->
			<section class="testimonials">
				<div class="container-fluid">
					<div class="col-lg-12">
						<div class="row">
							<div class="col-lg-4 col-md-5 col-sm-12 col-xs-12">
								<div class="heading">
									<h2><span>参与反馈</span>志愿者心得</h2>
								</div>
							</div>
							<div class="col-lg-8 col-md-7 col-sm-12 col-xs-12">
								<div class="testimonials-slider owl-carousel owl-theme">
									<div class="box-shadow item">
										<div class="comment-sec">一天下来没有陪伴你很多，其实心里还是挺内疚的，一起吃的午饭可能是我们交流的最多的时候啦，那个时候还挺高兴的，也很不好意思让你请我吃饭。交流中时常听到你聊起出去玩，还挺替你高兴，也许这次大学生活没有给你最好最开心的体验，但是也希望以后的你家人朋友在身边，幸福美好在身边，开心快乐在身边！</div>
										<div class="client-sec">
											<div class="client-dp">
												<img src="static/img/dp-1.jpg" alt="Client"> </div>
											<div class="client-detail">
												<div class="client-name">志愿者</div>
												<p>莹莹</p>
											</div>
										</div>
									</div>
									<div class="box-shadow item">
										<div class="comment-sec">从开始活动一直到活动结束，阿姨都一直跟我说辛苦了一整天也累了，很感谢我们陪伴了一整天；我想说的是同时也很感谢阿姨，付出与感动是相互的，也让我认识了这么活泼可爱的阿姨，你积极乐观的人生态度还有童心未泯的可爱，也让我收获了很多，希望阿姨能够一直健康下去，开心下去，天天幸福哦～～～</div>
										<div class="client-sec">
											<div class="client-dp">
												<img src="static/img/dp-2.jpg" alt="Client"> </div>
											<div class="client-detail">
												<div class="client-name">志愿者</div>
												<p>静敏</p>
											</div>
										</div>
									</div>
									<div class="box-shadow item">
										<div class="comment-sec">阳光筑梦行当天我陪伴的阿姨懂得特别多，一路上给我说了很多日常生活中的中药功效以及用处，不停的跟我说要多养生，叫我要多泡红枣枸杞喝，还教我怎么煲汤，那天特别开心，看着叔叔阿姨们的笑容，感到无比开心，这真的是一件很有意义的事情</div>
										<div class="client-sec">
											<div class="client-dp">
												<img src="static/img/dp-3.jpg" alt="Client"> </div>
											<div class="client-detail">
												<div class="client-name">志愿者</div>
												<p>陈盈</p>
											</div>
										</div>
									</div>
									<div class="box-shadow item">
										<div class="comment-sec">体验大学生活的时间虽然只有短短的一天，但无论是从阿姨们刚进教室时的欢笑，还是从他们专注听课时的神态，我都能感受到他们对大学校园的热爱，她们渴望上大学，但是一直没有机会，现在她们终于弥补了年少时的遗憾，圆梦于广中医。阿姨们的热情与活力让我真正领会到莫道桑榆晚，为霞尚满天这句诗的真谛。</div>
										<div class="client-sec">
											<div class="client-dp">
												<img src="static/img/dp-1.jpg" alt="Client"> </div>
											<div class="client-detail">
												<div class="client-name">主持担当</div>
												<p>锐群</p>
											</div>
										</div>
									</div>
									<div class="box-shadow item">
										<div class="comment-sec">我觉得这次活动很有意义，让我感触很深。我被小朋友们那颗善良的心温暖到。刚刚在小池边看到一位妈妈跟她的小朋友在看小蝌蚪，那位小朋友说妈妈我们下次再来看小蝌蚪吧。我当时有点震惊也感到欣慰，他很喜欢小蝌蚪，但他没有去捕捉它。再次被暖到了～</div>
										<div class="client-sec">
											<div class="client-dp">
												<img src="static/img/dp-2.jpg" alt="Client"> </div>
											<div class="client-detail">
												<div class="client-name">某位不愿意透露信息的志愿者</div>
												<p>XX</p>
											</div>
										</div>
									</div>
									<div class="box-shadow item">
										<div class="comment-sec">这是一个挺有意义的活动，我们扮演了一个助梦者的角色，完成了阿姨们的大学梦。在她们下大巴的那一刻，这场特别的活动就开始了，期间在场的工作人员各司其职，出色地完成了工作，让整场活动显得很好</div>
										<div class="client-sec">
											<div class="client-dp">
												<img src="static/img/dp-3.jpg" alt="Client"> </div>
											<div class="client-detail">
												<div class="client-name">汇青志</div>
												<p>老林</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="circle strong-border"></div>
			</section>
			<!-- ====== Testimonials End ====== -->
		</div>
		<!-- ====== Footer Start ====== -->
		<footer>
			<div class="container-fluid">
				<div class="col-lg-12">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="heading">
								<h2>关于我们</h2>
							</div>
							<div class="contact_info content-sec">
								<ul>
									<li>
										<div class="icon">
											<i class="flat flaticon-facebook-placeholder-for-locate-places-on-maps"></i>
										</div>
										<div class="detail">
											<h6>地址</h6>
											<div class="content">
												我们所在地址: <span class="value"> 广东省广州市海珠区礼岗路中南活力创意园A座青云客（昌岗地铁站F出口）</span>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<i class="flat flaticon-phone-receiver"></i>
										</div>
										<div class="detail">
											<h6>联系方式</h6>
											<div class="content">
												加入汇清志: <span class="value"> 0123-456-789 </span> <br> 参加活动: <span class="value"> 致电：15015935296</span><br>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 contact-form">
							<div class="heading">
								<h2>相关网址</h2>
							</div>
							<div class="content-sec">
								<p>
									<a href="#">I志愿</a>
								</p>
								<p>
									<a href="#">中国志愿者网站</a>
								</p>
								<p>
									<a href="#">中国青协网</a>
								</p>
								<p>
									<a href="#">志愿者网</a>
								</p>
								<p>
									<a href="#">中国服务队网</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<a href="javascript:void(0)" id="scroll"></a>
		<!-- ====== Footer End ====== -->
		<!-- popper js-->
		<script src="static/js2/popper.min.js"></script>
		<!-- bootstrap js-->
		<script src="static/js2/bootstrap.min.js"></script>
		<!-- Waypoints js plugin -->
		<script src="static/js2/waypoints.min.js"></script>
		<!-- Counter-up js plugin -->
		<script src="static/js2/jquery.counterup.min.js"></script>
		<!-- Preloadinator -->
		<script src="static/js2/jquery.preloadinator.min.js"></script>
		<script>
			$('.js-preloader').preloadinator({
				minTime: 2000
			});
		</script>
		<!-- Lightbox-->
		<script src="static/js2/lightbox.js"></script>
		<!-- lity js -->
		<script src="static/js2/lity.min.js"></script>
		<!-- Owl Slider js-->
		<script src="static/js2/owl.carousel.js"></script>

		<!-- Header menu -->
		<script src="static/js2/jquery.smartmenus.min.js"></script>
		<a href="javascript:void(0)" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
		<!-- Custome js-->
		<script src="static/js2/custom.js"></script>
	</body>

</html>